<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>支付收银台 - 支付技术服务商，让支付简单、专业、快捷！</title>
    <meta name="description" content="<?php echo config('web_description');?>" />
    <meta name="keywords" content="<?php echo config('web_keywords');?>" />
    <meta name="author" content="XingZKJ"/>

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link type="favicon" rel="shortcut icon" href="/favicon.ico" />
    <style type="text/css">
        html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:400}html,body,fieldset,img,iframe,abbr{border:0}i,cite,em,var,address,dfn{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sup,sub{font-size:83%}pre,code,kbd,samp{font-family:inherit}q:before,q:after{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}del,ins,u,s{text-decoration:none}body,textarea,input,button,select,keygen,legend{font:12px/1
        "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:#fff}a{text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;vertical-align:middle}.fl{float:left}.fr{float:right}
    </style>
    <style type="text/css">
        .ep-icon{background-image:url('//midas.gtimg.cn/enterprise/images/ep_new_sprites.png');background-repeat:no-repeat;display:block}
        .ep-icon-success,.ep-icon-fail{width:23px;height:23px}
        .ep-icon-success{background-position:0
        0}
        .ep-icon-fail{background-position:0 -25px}
        .ep-icon-warning{background-position:-25px
        -25px}
        .ep-icon-close{width:13px;height:13px;background-position:-36px -71px}
        .ep-icon-alipay{background:url('//midas.gtimg.cn/enterprise/images/alipay.png')
        no-repeat}
        .ep-icon-wxpay{width:22px;height:19px;background-position:0 -50px}
        .ep-icon-qqpay{width:16px;height:18px;background-position:0
        -71px}
        .ep-icon-tenpay{width:56px;height:26px;background-position:0 -117px}
        .ep-icon-unionpay{width:32px;height:20px;background-position:0
        -173px}
        .ep-icon-selected{width:20px;height:20px;background-position:-25px
        0}
        .ep-icon-arrow{width:10px;height:8px;background-position:-35px -175px}
        .ep-icon-radio{display:inline-block;*display:inline;*zoom:1;width:14px;height:14px;background-position:-43px
        -195px}
        .selected .ep-icon-radio{background-position:-43px -211px}
        .disabled
        .ep-icon-radio{background-position:-43px -227px}
        .ep-icon-check{background-image:url(//midas.gtimg.cn/enterprise/images/ep_sprites.png);width:18px;height:18px;background-position:-1px
        -184px}
        .ep-icon-check,.ep-icon .ep-sprites2{display:inline-block;*display:inline;*zoom:1}
        .ep-icon
        .ep-sprites2{vertical-align:middle;overflow:hidden;text-indent:-99999px;*text-indent:0;*font-size:0;background-image:url(//midas.gtimg.cn/enterprise/images/ep_sprites2.png);background-repeat:no-repeat}
        .ep-icon-clock{width:21px;height:21px;background-position:-5px
        -22px}
        .ep-icon-clock,.ep-icon-clock2{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;overflow:hidden;text-indent:-99999px;*text-indent:0;*font-size:0;background-image:url(//midas.gtimg.cn/enterprise/images/ep_sprites2.png);background-repeat:no-repeat}
        .ep-icon-clock2{width:16px;height:16px;background-position:-36px
        -22px}
        .ep-icon-detail{width:12px;height:13px;background-position:-36px
        -48px}
        .ep-icon-detail,.ep-icon-help{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;overflow:hidden;text-indent:-99999px;*text-indent:0;*font-size:0;background-image:url(//midas.gtimg.cn/enterprise/images/ep_sprites2.png);background-repeat:no-repeat}
        .ep-icon-help{width:16px;height:16px;background-position:-77px
        -5px}
        .ep-icon-output{width:13px;height:13px;background-position:-62px -31px}
        .ep-icon-output,.ep-icon-sale{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;overflow:hidden;text-indent:-99999px;*text-indent:0;*font-size:0;background-image:url(//midas.gtimg.cn/enterprise/images/ep_sprites2.png);background-repeat:no-repeat}
        .ep-icon-sale{width:16px;height:16px;background-position:-5px
        -54px}
        .disabled .ep-icon-wxpay{background-position:-24px -50px}
        .disabled
        .ep-icon-qqpay{background-position:-18px -71px}
        .disabled .ep-icon-tenpay{background-position:0
        -145px}
        .disabled .ep-icon-unionpay{background-position:0 -193px}
        .disabled
        .ep-icon-alipay{background-position:-17px -212px}
        @media (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.ep-icon{background-image:url('//midas.gtimg.cn/enterprise/images/ep_new_sprites@2x.png');background-repeat:no-repeat;background-size:60px
        250px}
        }.ico_icbc,.ico_cmb,.ico_ccb,.ico_abc,.ico_boc,.ico_spdb,.ico_sdb,.ico_cib,.ico_bob,.ico_cebb,.ico_boco,.ico_cmbc,.ico_ecitic,.ico_gdb,.ico_pingan,.ico_post{width:18px}
        .ico_icbc,.ico_cmb,.ico_ccb,.ico_abc,.ico_boc,.ico_spdb,.ico_sdb,.ico_cib,.ico_bob,.ico_cebb,.ico_boco,.ico_cmbc,.ico_ecitic,.ico_gdb,.ico_pingan,.ico_post,.ico_union,.ico_jsb,.ico_srcb,.ico_hkb,.ico_nbcb,.ico_njcb,.ico_bosh,.ico_hxb,.ico_hzb,.ico_hkbea,.ico_ordos,.ico_cbhb,.ico_jzb,.ico_gdrcu,.ico_nccb,.ico_glccb,.ico_bsb,.ico_ynrcc,.ico_gzcb,.ico_cqrcb,.ico_zjcb{background:url(//midas.gtimg.cn/enterprise/images/bank_ico.png)
        no-repeat;display:inline-block;height:18px;margin-right:2px;line-height:999px;overflow:hidden;position:relative;vertical-align:-4px;*vertical-align:0;z-index:0}
        .ico_jsb,.ico_srcb,.ico_hkb,.ico_nbcb,.ico_njcb,.ico_bosh,.ico_hxb,.ico_hzb,.ico_hkbea,.ico_ordos,.ico_cbhb,.ico_jzb,.ico_gdrcu,.ico_nccb,.ico_glccb,.ico_bsb,.ico_ynrcc,.ico_gzcb,.ico_cqrcb,.ico_zjcb{width:18px}
        .ico_icbc{background-position:0
        0}
        .ico_cmb{background-position:-18px 0}
        .ico_ccb{background-position:-36px
        0}
        .ico_abc{background-position:-54px 0}
        .ico_boc{background-position:-72px
        0}
        .ico_spdb{background-position:-54px -18px}
        .ico_sdb{background-position:-108px
        -18px}
        .ico_cib{background-position:0 -18px}
        .ico_bob{background-position:-126px
        -18px}
        .ico_cebb{background-position:-90px 0}
        .ico_boco{background-position:-36px
        -18px}
        .ico_cmbc{background-position:-90px -18px}
        .ico_ecitic{background-position:-126px
        0}
        .ico_gdb{background-position:-72px -18px}
        .ico_pingan{background-position:0
        -36px}
        .ico_post{background-position:-18px -18px}
        .ico_union{background-position:-27px
        -36px;width:27px}
        .ico_jsb{background-position:-54px -36px}
        .ico_srcb{background-position:-72px
        -37px}
        .ico_nbcb{background-position:-90px -36px}
        .ico_njcb{background-position:-108px
        -36px}
        .ico_hkb{background-position:-126px -36px}
        .ico_bosh{background-position:0
        -54px}
        .ico_hxb{background-position:-18px -54px}
        .ico_hzb{background-position:-36px
        -54px}
        .ico_hkbea{background-position:-54px -54px}
        .ico_ordos{background-position:-72px
        -54px}
        .ico_cbhb{background-position:-108px -54px}
        .ico_jzb{background-position:-90px
        -54px}
        .ico_gdrcu{background-position:0 -73px}
        .ico_nccb{background-position:-18px
        -73px}
        .ico_glccb{background-position:-36px -73px}
        .ico_bsb{background-position:-54px
        -73px}
        .ico_ynrcc{background-position:-72px -73px}
        .ico_gzcb{background-position:-90px
        -73px}
        .ico_cqrcb{background-position:-108px -73px}
        .ico_zjcb{background-position:-126px
        -73px}
        .ep-sprite3{background-image:url(//midas.gtimg.cn/enterprise/images/ep-sprite3.png);background-repeat:no-repeat;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
        .ep-sprite3.ep-icon-notice{background-position:-5px
        -5px;width:16px;height:16px}
        .ep-sprite3.ep-icon-phone{background-position:-5px
        -31px;width:11px;height:17px}
        .ep-sprite3.ep-icon-right{background-position:-5px
        -58px;width:16px;height:13px}
        .ep-sprite3.ep-icon-transfer{background-position:-5px
        -81px;width:22px;height:22px}
        @media (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.ep-sprite3{background-image:url(//midas.gtimg.cn/enterprise/images/ep-sprite3@2x.png);background-size:32px
        108px}
        }.ep-btn{display:inline-block;*display:inline;*zoom:1;border-radius:2px;text-align:center;box-sizing:border-box;vertical-align:top;transition:color
        .1s ease-in,background-color .1s ease-in}
        .ep-btn:hover{text-decoration:none}
        .ep-btn.ep-btn-blue{width:130px;height:50px;background-color:#4580cb;border:1px
        solid #3875c1;color:#fff;font-size:16px;line-height:50px}
        .ep-btn.ep-btn-blue.h42{height:42px;line-height:42px}
        .ep-btn.ep-btn-blue:hover{background-color:#4495de}
        .ep-btn.ep-btn-blue:active{background-color:#2e7bc0}
        .ep-btn.ep-btn-blue.disabled,.ep-btn.ep-btn-blue:disabled{background-color:#b1b1b1;border-color:#b1b1b1;cursor:not-allowed}
        .ep-btn.ep-btn-blue.ep-btn-normal{width:118px;height:40px;line-height:38px}
        .ep-btn.ep-btn-blue.small{width:auto;padding:0
        15px;height:28px;line-height:26px;font-size:14px}
        .ep-btn.ep-btn-white{width:118px;height:40px;line-height:38px;border:1px
        solid #cdcdcd;color:#737373;font-size:14px;background:#f7f7f7\9\0;background-image:linear-gradient(to
        top,#f0f0f0 0%,#f5f5f5 26%,#fafafa 100%);-webkit-box-shadow:inset 0 2px
        0 0 rgba(255,255,255,.2);-moz-box-shadow:inset 0 2px 0 0 rgba(255,255,255,.2);box-shadow:inset
        0 2px 0 0 rgba(255,255,255,.2);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fafafa,endcolorstr=#f1f1f1,gradientType=0)}
        .ep-btn.ep-btn-white.h42{height:42px;line-height:42px}
        .ep-btn.ep-btn-white:hover{background-image:linear-gradient(to
        top,#fafafa 0%,#f3f3f3 74%,#ebebeb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f1f1f1,endcolorstr=#fafafa,gradientType=0)}
        .ep-btn.ep-btn-white:active{background-image:linear-gradient(to
        top,#f7f7f7 0%,#ededed 74%,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e9e9e9,endcolorstr=#f7f7f7,gradientType=0)}
        .ep-btn.ep-btn-disabled{border-color:#b1b1b1;background-color:#b1b1b1;color:#fff;cursor:not-allowed}
        .ep-btn.ep-btn-disabled:hover,.ep-btn.ep-btn-disabled:active{border-color:#b1b1b1;background-color:#b1b1b1;color:#fff}
        .clearfix{zoom:1;clear:both}
        .clearfix:after{content:'';height:0;line-height:0;overflow:hidden;visibility:hidden;clear:both;display:table}
        .ep-mr10{margin-right:10px}
        .rmb{font-size:14px}
        .rmb
        i{font-size:12px}
        .text1{font-size:16px;color:#000}
        .text2{font-size:14px;color:#707070}
        .text3{font-size:14px;color:#939393}
        .price{color:#fa7134}
        a{color:#3584cb}
        a:hover{text-decoration:underline}
        .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .text-hidden{overflow:hidden;text-indent:-99999px;*text-indent:0;*font-size:0}
        .ep-mask{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;display:none;visibility:hidden;background:url('//midas.gtimg.cn/enterprise/images/ep_modal_mask.png')
        0 0}
        .ep-mask.show{display:block;visibility:visible}
        .ep-modal{left:50%;top:50%;z-index:1100;display:none;width:440px;height:280px;margin-left:-220px;margin-top:-140px;background-color:#fff;overflow:hidden}
        .ep-modal,.ep-modal-mask{position:fixed;visibility:hidden}
        .ep-modal-mask{top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.5;filter:alpha(opacity=50)}
        .ep-modal-mask.show,.ep-modal.show{display:block;visibility:visible}
        .ep-modal-header{position:relative;height:40px;line-height:40px;padding-left:14px;color:#fff;font-size:14px;font-weight:700;background-color:#3584cb}
        .ep-modal-header
        .close{position:absolute;right:10px;top:13px;display:block;text-indent:-9999px}
        .ep-modal-body{height:200px}
        .ep-modal-body
        .btns{text-align:center;margin-top:50px;font-size:0;letter-spacing:normal}
        .ep-modal-body
        .btns .ep-btn{margin-right:10px}
        .ep-modal-body .text{padding-top:50px;text-align:center;color:#000;font-size:14px}
        .ep-modal-body
        .text.text-status{text-align:center}
        .ep-modal-body .text.text-status span{display:inline-block;*display:inline;*zoom:1;line-height:25px;vertical-align:middle}
        .ep-modal-body
        .text.text-status .ep-icon{margin-right:8px}
        .ep-modal-footer{height:40px;line-height:40px}
        .ep-modal-footer
        .links{text-align:right;font-size:0}
        .ep-modal-footer .links a{color:#4a7cce;font-size:12px;margin-right:17px}
        .mod-bank{width:559px;color:#707070;margin-bottom:10px;position:relative;overflow:hidden;padding:1px
        0 0 1px}
        .mod-bank .title{float:left;font-size:14px}
        .mod-bank .bank-list{float:right;width:480px}
        .mod-bank:after{content:".";display:block;height:0;clear:both;visibility:hidden}
        .mod-bank
        .bank-logo-wrap{background:#fff;float:left;width:110px;height:30px;line-height:30px;display:block;border:1px
        solid #DDDEDE;margin:0 7px 7px 0;position:relative;z-index:0;cursor:pointer;text-align:center;transition:border-color
        200ms}
        .mod-bank .bank-logo-wrap:hover{z-index:3;border-color:#3879d1}
        .mod-bank
        .bank-logo-wrap input{position:absolute;opacity:0;z-index:-1;width:0;height:0;overflow:hidden}
        .mod-bank
        .bank-logo-wrap a{padding-left:35px;text-decoration:underline}
        .mod-bank
        .bank-logo-wrap a:hover{text-decoration:underline}
        .mod-bank .bank-logo-wrap.selected{z-index:3;width:108px;height:28px;line-height:28px;border:2px
        solid #3879d1}
        .mod-bank .bank-logo-wrap.selected .ep-icon-check{display:block;animation:iconScale
        .1s linear}
        .mod-bank .bank-logo-wrap.bank-empty{height:30px;margin-bottom:0;padding:0}
        .mod-bank
        .ep-icon-check{position:absolute;z-index:5;right:0;bottom:0;display:none}
        .mod-bank
        .ep-icon-radio{vertical-align:text-bottom;margin-left:5px;margin-right:0;*margin-right:4px}
        .mod-bank
        .empty .bank-logo-wrap:hover{height:22px;line-height:22px;padding:2px 0;background:#fff;border:1px
        solid #DDDEDE}
        .layer-neat-l{margin-bottom:20px}
        .layer-neat-l .label{display:inline-block;text-align:left;width:75px;font-size:14px;margin-right:2px;position:relative;line-height:1.5;z-index:0;color:#707070}
        .layer-neat-l
        .disabled{color:#bcbcbc}
        .layer-neat-l .ep-icon-radio{margin-right:4px;position:relative;top:2px}
        .layer-neat-l
        label{margin-right:5px;color:#707070;font-size:14px;line-height:14px}
        .layer-neat-l
        label input{position:absolute;z-index:5;right:0;bottom:0;display:none}
        .ui-input{box-sizing:border-box;outline:0;height:30px;line-height:30px;border:1px
        solid #cdcdcd;border-radius:2px;font-size:14px;transition:border-color
        .3s,color .3s;padding-left:10px;min-width:100px}
        .ui-input:focus{box-shadow:0
        5px 5px 0 rgba(234,234,234,.75);border-color:#3584cb;color:#000}
        .ui-input.error{border-color:#ee5c5c}
        .input-box{display:inline-block;*display:inline;*zoom:1;position:relative}
        .ep-pay-main{display:none}
        .ep-pay-main.show{display:block}
        .ep-status{font-size:18px;color:#1e1e1e;padding:20px
        0;zoom:1;clear:both}
        .ep-status:after{content:'';height:0;line-height:0;overflow:hidden;visibility:hidden;clear:both;display:table}
        .ep-status
        span{float:left;line-height:25px}
        .ep-status span.ep-icon{margin-right:8px}
        .ep-status-fail{margin-bottom:20px}
        .ep-status-tips{position:relative;top:-10px;margin-left:30px;font-size:14px;color:#888}
        .ep-dl-list,.ep-order-con{font-size:14px}
        .ep-dl-list
        dl,.ep-order-con dl{zoom:1;clear:both;margin-bottom:15px}
        .ep-dl-list dl:after,.ep-order-con
        dl:after{content:'';height:0;line-height:0;overflow:hidden;visibility:hidden;clear:both;display:table}
        .ep-dl-list
        dl dd,.ep-order-con dl dd,.ep-dl-list dl dt,.ep-order-con dl dt{line-height:1.5}
        .ep-dl-list
        dl dt,.ep-order-con dl dt{float:left}
        .ep-dl-list dl dd,.ep-order-con dl
        dd{padding-left:70px;color:#707070}
        .ep-order-detail .ep-dl-list dl,.ep-order-detail
        .ep-order-con dl{margin-top:15px;margin-bottom:0}
        .ep-order-detail .ep-dl-list
        dl dt,.ep-order-detail .ep-order-con dl dt{color:#707070}
        .ep-links{zoom:1;clear:both}
        .ep-links:after{content:'';height:0;line-height:0;overflow:hidden;visibility:hidden;clear:both;display:table}
        .ep-links
        a{float:left;color:#4a7cce;margin-right:22px}
        .ep-pay-step{display:none}
        .ep-order-con
        p{padding-top:20px;color:#707070;font-size:14px}
        .ep-order-con.show{display:block}
        .ep-pay-method{padding-top:20px}
        .ep-pay-method
        dl{zoom:1;clear:both}
        .ep-pay-method dl:after{content:'';height:0;line-height:0;overflow:hidden;visibility:hidden;clear:both;display:table}
        .ep-pay-method
        dt{color:#000;font-weight:700;font-size:14px;line-height:25px}
        .ep-pay-methods
        dt{line-height:44px}
        .ep-pay-method-list-tit li.selected .ep-pay-method-list-txt{display:block}
        .ep-pay-method-list-txt{display:none;position:absolute;top:40px;left:-3px;width:140px;font-size:12px;height:14px;line-height:14px;text-align:left;cursor:default}
        .ep-pay-wxpay-tit{font-size:14px;color:#424242;line-height:25px;margin-bottom:15px;zoom:1;clear:both}
        .ep-pay-wxpay-tit:after{content:'';height:0;line-height:0;overflow:hidden;visibility:hidden;clear:both;display:table}
        .ep-pay-wxpay-tit
        span{float:left}
        .ep-pay-wxpay-tit span.ep-icon{margin-right:4px}
        .ep-payment-qrcode-wrap{width:196px;height:196px;margin-bottom:10px}
        .ep-payment-qrcode-notice{height:30px;line-height:30px;background-color:#3e7fe8;font-size:12px;color:#fff;text-align:center;margin-bottom:20px}
        .ep-payment-qrcode-tip{margin-left:40px;margin-top:-10px}
        .ep-qqpay-qrcode-notice{height:30px;line-height:30px;background-color:#55a2e3;font-size:12px;color:#fff;text-align:center;margin-bottom:20px}
        .ep-other-pay-notice{font-size:14px;color:#000}
        .ep-other-pay-notice
        a{color:#4a7cce}
        .ep-other-pay-notice span{color:#888}
        .ep-order-detail{border-bottom:1px
        solid #f3f3f3}
        .ep-order-tit>span{font-size:15px;color:#000;font-weight:700}
        .ep-order-tit>span>em{color:#0ac265;font-weight:400;font-size:24px}
        .ep-order-view{position:relative;margin-left:10px;font-size:14px;padding-right:15px;transition:color
        .1s ease-in}
        .ep-order-view span{color:#707070}
        .ep-order-view .ep-icon-arrow{position:absolute;right:-2px;top:50%;margin-top:-4px}
        .ep-order-view:hover{text-decoration:none}
        .ep-order-view:hover
        span{color:#4a7cce}
        .ep-order-view:hover .ep-icon-arrow{background-position:-47px
        -175px}
        .ep-order-view:active{color:#4a7cce}
        .ep-order-active:hover .ep-icon-arrow{background-position:-47px
        -185px}
        .ep-order-active .ep-icon-arrow{background-position:-35px -185px}
        .ep-qrcode-notice{font-size:14px;color:#888;padding-bottom:20px}
        .ep-qrcode-notice
        em,.ep-qrcode-notice-outmoded{color:#f34d4d}
        .ep-qrcode-notice-outmoded
        a,.ep-qrcode-notice a{color:#4a7cce}
        .ep-pay-method-list-tit ul{zoom:1;clear:both}
        .ep-pay-method-list-tit
        ul:after{content:'';height:0;line-height:0;overflow:hidden;visibility:hidden;clear:both;display:table}
        .ep-pay-method-list-tit
        li{position:relative;font-size:0;display:block;float:left;width:130px;height:44px;line-height:42px;text-align:center;box-sizing:border-box;border:1px
        solid #dedede;cursor:pointer}
        .ep-pay-method-list-tit li+li{margin-left:10px}
        .ep-pay-method-list-tit
        li .ep-pay-method-name{transition:color .1s ease-in}
        .ep-pay-method-list-tit
        li:hover,.ep-pay-method-list-tit li.hover{border-color:#3879d1}
        .ep-pay-method-list-tit
        li:hover .ep-pay-method-name,.ep-pay-method-list-tit li.hover .ep-pay-method-name{color:#3879d1}
        .ep-pay-method-list-tit
        li.selected{line-height:40px;*height:42px;*width:128px;border:2px solid
        #3879d1}
        .ep-pay-method-list-tit li.selected .ep-icon-selected{position:absolute;right:0;bottom:0;margin:0}
        .ep-pay-method-list-tit
        li.disabled{background-color:#f9f9f9;border-color:#dedede;color:#bcbcbc}
        .ep-pay-method-list-tit
        li.disabled .ep-pay-method-name{color:#bcbcbc}
        .ep-pay-method-list-tit li.disabled:hover,.ep-pay-method-list-tit
        li.disabled:active{line-height:42px;border:1px solid #dedede}
        .ep-pay-method-list-tit
        li.disabled:hover .ep-pay-method-name,.ep-pay-method-list-tit li.disabled:active
        .ep-pay-method-name{color:#bcbcbc}
        .ep-pay-method-list-tit li span{display:inline-block;color:#707070;font-size:14px;line-height:25px;vertical-align:middle}
        .ep-pay-method-list-tit
        li .ep-icon{margin-right:4px}
        .ep-pay-method-list-tit li .ep-if-unionpay-tip{position:absolute;margin-top:-53px;margin-left:70px;float:none;display:block;width:120px;height:20px;text-align:center;line-height:20px;background-color:#ffc539;color:#fff;border-radius:2px}
        .ep-pay-method-list-con
        .con{display:none}
        .ep-pay-method-list-con .con.show{display:block}
        .ep-pay-method-list-con
        .ep-tenpay-con div{text-align:right}
        .ep-pay-method-list-con .ep-tenpay-con
        .text{margin-top:15px;color:#d7d7d7}
        .ep-qrcode-loading{width:194px;height:194px;margin-bottom:10px;border:1px
        solid #f1f1f3;text-align:center}
        .ep-qrcode-loading img{margin-top:57px}
        .ep-qrcode-error-tip{text-align:center;display:none;font-size:0;padding:10px
        0;background-color:#fffdee;border:1px solid #ffeec3;margin-bottom:20px;width:408px}
        .ep-qrcode-error-tip
        span{display:inline-block;height:23px;line-height:23px;vertical-align:middle}
        .ep-qrcode-error-tip
        span.ep-icon-warning{margin-right:10px}
        .ep-qrcode-error-tip span.ep_warning_text{color:#707070;font-size:14px}
        .ep-transfer-panel{font-size:14px}
        .ep-transfer-panel
        .with-split-line{padding-top:15px;border-top:1px solid #f3f3f3}
        .ep-transfer-panel
        .ep-btn{margin-top:35px}
        .ep-transfer-panel .ep-loader{margin-top:35px;color:#707070}
        .ep-transfer-panel
        .ep-loader-icon{display:inline-block;vertical-align:middle;margin-right:15px;width:44px;height:44px;background:url(//midas.gtimg.cn/enterprise/images/ep-loader-icon.png)
        0 0 no-repeat;animation:loaderIconRotate 1000ms linear infinite}
        .ep-transfer-tips{color:#707070;line-height:1.5}
        .ep-transfer-tips
        .ep-icon-phone{margin-right:5px}
        .ep-transfer-form{margin-top:15px}
        .ep-transfer-form
        .row{margin-bottom:15px}
        .ep-transfer-form .title{display:inline-block;padding-right:20px;color:#707070}
        .ep-transfer-form
        .ui-input{width:355px}
        .ep-transfer-form .ep-icon-right{margin-left:5px}
        .ep-transfer-form
        .current-input{display:inline-block;margin-right:10px;height:30px;padding-left:10px;line-height:30px}
        .ep-transfer-form
        .input-tips{margin-top:10px;margin-left:100px;color:#ee5c5c}
        .ep-transfer-form
        .action-btn{margin-left:5px}
        .ep-transfer-payee-info{margin-top:25px;padding-bottom:40px;padding-left:40px;background-color:#f6f6f6}
        .ep-transfer-payee-info
        .row{padding-top:25px}
        .ep-transfer-payee-info .title{display:inline-block;width:80px;color:#707070}
        .ep-transfer-payee-info
        .payee-account-tips{margin-left:75px;margin-top:15px;color:#f7a04c}
        .ep-transfer-payee-info
        .payee-account-tips .ep-icon-notice{margin-right:5px}
        .ep-question-guide{display:none;position:absolute;top:60px;left:0;right:0;bottom:0;animation:fadeIn
        linear 200ms forwards}
        .ep-question-guide-mask{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000;opacity:.7}
        .ep-question-guide-content{position:absolute;top:50%;left:50%;z-index:1;width:1080px;height:630px;margin-top:-315px;margin-left:-540px;background-color:#fff;color:#333}
        .ep-question-guide-header{height:50px;line-height:50px;text-align:center;font-size:18px;background-color:#ebebeb}
        .ep-question-guide-body{padding:0;height:630px;font-size:14px}
        .ep-question-guide-body
        iframe{height:580px;width:100%}
        .ep-question-guide-footer{height:30px}
        .ep-question-guide-close{position:absolute;display:block;top:15px;right:15px;width:18px;height:18px;background:url(//midas.gtimg.cn/enterprise/images/question-guide-close-btn.png)
        0 0 no-repeat;cursor:pointer}
        .ep-question-guide-trigger{position:absolute;top:70px;right:300px;font-size:14px;font-weight:600;color:#3879d1;cursor:pointer;z-index:1000}
        .ep-question-guide-trigger
        a:hover{text-decoration:none}
        .ep-question-guide-trigger:before{content:"";display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:5px;background:url(//midas.gtimg.cn/enterprise/images/question-icon.png)
        0 0 no-repeat}
        @keyframes iconScale{0%{transform:scale(0)}
            100%{transform:scale(1)}
        }@keyframes
         loaderIconRotate{0%{transform:rotate(0)}
             100%{transform:rotate(-360deg)}
         }.ep-black-mask{display:none;position:absolute;z-index:1000;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.5;filter:alpha(opacity=50)}
        label.ep-highlight{position:relative;z-index:5000}
        label.ep-highlight:after{position:absolute;content:attr(title);text-align:left;padding-left:7px;line-height:30px;left:-7px;top:-8px;right:-2px;bottom:-8px;border-radius:2px;background-color:#fff}
        .ep-highlight-tooltip{display:none;line-height:1.5;position:absolute;top:140%;left:0;width:280px;margin-top:14px;padding:15px;text-align:left;color:#fff;border-radius:3px;background-color:#3d3d3d;box-shadow:0
        5px 5px 0 rgba(0,0,0,.35);z-index:5000}
        .ep-highlight-tooltip::before{position:absolute;top:-6px;left:17px;display:block;width:0;height:0;content:'';border-width:0;border-style:solid;border-color:transparent;border-right-width:4.5px;border-bottom-width:6px;border-bottom-color:#3d3d3d;border-left-width:4.5px}
        .ep-highlight-btn{float:right;padding:0
        10px;line-height:30px;border:1px solid #676767;border-radius:4px;cursor:pointer}
        .ep-highlight-btn:hover{color:#3d3d3d;background:#fff}
        .ep-transfer-confirm-tips{position:absolute;right:20px;top:8px}
        .ep-transfer-confirm-tips.ep-iframe{right:150px}
        .ep-transfer-confirm-tips:hover
        .ep-confirm-tips-content.ep-hover{visibility:visible}
        .ep-confirm-tips-content{position:absolute;left:170%;top:-50px;width:310px;padding:15px
        20px;box-sizing:border-box;border:1px solid #ff9243;border-radius:4px;box-shadow:0
        5px 5px 0 rgba(201,201,201,.35);font-size:12px;line-height:1.58333333;background-color:#fff;color:#8b8b8b;visibility:hidden}
        .ep-confirm-tips-content.ep-resident{visibility:visible}
        .ep-confirm-tips-content:after{position:absolute;content:'';left:-9px;top:50px;width:9px;height:14px;background-image:url();background-repeat:no-repeat}
        .ep-confirm-tips-content
        strong{font-size:14px;color:#fa8333}
        .ep-confirm-tips-content .ep-icon-close-s{position:absolute;top:7px;right:5px;cursor:pointer}
        .ep-confirm-tips-content
        .ep-icon-close-s:hover{transition:transform 250ms ease-in-out;transform:rotate(180deg)}
        .ep-confirm-tips-content
        .ep-icon-close-s::after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px}
        .ep-transfer-form
        .row,.ep-transfer-payee-info .row.relative{position:relative}
        .ep-sprite-icon{display:inline-block;vertical-align:middle}
        .ep-icon-warning{background-image:url(//midas.gtimg.cn/enterprise/images/spritesheet.png);background-position:-64px
        0;width:16px;height:16px}
        @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ep-icon-warning{background-image:url(//midas.gtimg.cn/enterprise/images/spritesheet@2x.png);background-size:101px
        73px}
        }.ep-icon-close-s{background-image:url(//midas.gtimg.cn/enterprise/images/spritesheet.png);background-position:-90px
        -27px;width:8px;height:8px}
        @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ep-icon-close-s{background-image:url(//midas.gtimg.cn/enterprise/images/spritesheet@2x.png);background-size:101px
        73px}
        }.ep-icon-question{background-image:url(//midas.gtimg.cn/enterprise/images/spritesheet.png);background-position:-64px
        -26px;width:15px;height:15px}
        @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ep-icon-question{background-image:url(//midas.gtimg.cn/enterprise/images/spritesheet@2x.png);background-size:101px
        73px}
        }.hd{height:60px;color:#000;background-color:#fff}
        .hd-main{width:1080px;height:100%;margin:0
        auto;*zoom:1}
        .hd-main:after,.hd-main:before{content:'';display:table}
        .hd-main:after{clear:both}
        .ep-hd-info{float:left;height:100%;font-size:0}
        .ep-logo,.ep-order-status{float:left}
        .ep-logo{padding-top:14px}
        .ep-logo
        a{display:block}
        .ep-logo img{height:32px}
        .ep-order-status{margin:16px 0
        0 20px;padding-left:20px;border-left:1px solid #f0f0f0;line-height:26px;font-size:16px}
        .ep-order-status
        h1{font-size:16px;font-weight:700}
        .order-number{float:right;margin-top:20px}
        .order-number
        p{font-size:14px}
        .ft{position:absolute;bottom:0;width:100%;height:140px;clear:both;padding-top:16px}
        .ft-main{width:1080px;margin:0
        auto}
        .copyright{padding-bottom:80px;color:#bbb}
        .copyright p{text-align:center;padding:6px
        0}
        html,body,.container{height:100%}
        .container{min-height:100%;height:auto!important;position:relative;background:#efefef}
        .bd{padding:40px
        0 200px}
        .bd-main{width:1080px;margin:0 auto;background:#fff;border-radius:10px}
        .bd-main-container{padding:50px 270px 50px 250px}
        .ep-wrapper{position:relative;margin-left:0}
        .ep-wp-hd{padding:22px
        135px;background:#f5fef3}
        .fail .ep-wp-hd{background-color:#f9f9f9}
        .ep-wp-bd{padding:0
        135px 56px}
        .ep-status-success{border:none}
        .ep-status-success .mod-it-text{font-weight:700}
        .ep-links{font-size:14px;padding-bottom:20px;margin-top:25px;margin-bottom:10px;border-bottom:1px
        solid #f5f5f5}
        .ep-dl-list{position:relative;padding-top:40px}
        .ep-dl-list
        .dl-list-more{position:absolute;left:150px;bottom:0}
        .ep-question{margin-bottom:30px;font-size:14px;color:#888}
        .ep-question
        p{padding:10px 0}
        .ep-order-detail{padding:10px 0 20px}
        .ep-order-detail
        .ep-order-con{padding-left:72px}
        .ep-order-tit{position:relative}
        .ep-order-tit
        .rmb{margin:0 8px 0 4px}
        .ep-order-tit .rmb i{font-size:18px}
        .ep-order-tit
        span{font-size:14px}
        .ep-order-tit dl{padding-bottom:12px}
        .ep-order-tit
        dt,.ep-order-tit dd{font-size:14px}
        .ep-order-tit dt{float:left;color:#000;font-weight:700}
        .ep-order-tit
        dd{color:#707070}
        .fail .ep-order-con p:first-child{padding-top:0}
        .ep-pay-method
        dt{float:none}
        .ep-pay-method dd{padding-left:0;float:none}
        .ep-pay-success-tips{font-size:14px;color:#888}
        .ep-pay-success-tips
        a{padding-right:4px;color:#3879d1}
        .ep-pay-qqpay-tips{display:none;position:absolute;margin-top:5px;width:233px;height:30px;line-height:30px;text-align:center;font-size:12px;color:#888;background-image:linear-gradient(to
        top,#f0f0f4,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#f0f0f4,gradientType=0);box-shadow:2px 2px 5px rgba(185,185,185,.5);border:1px
        solid #d0d0d0;border-radius:1px}
        .ep-pay-operate{padding-bottom:120px}
        .ep-qrcode-notice
        em{font-weight:700}
        .hide{display:none}
        .ep-question-guide.show{display:block;z-index:1000}
        .ep-pay-method-list-tit{margin-bottom:25px}
        .ep-pay-method-list-tit
        .ep-pay-method-list-txt{display:none;position:absolute;top:40px;left:-3px;width:140px;color:#afafaf;font-size:12px;height:14px;line-height:14px;text-align:left}
        .ep-pay-method-list-tit
        li{transition:border-color .1s ease-in,color .1s ease-in}
        .ep-pay-method-list-tit
        li.selected .ep-pay-method-list-txt{display:block}
        .ep-pay-method-list-tit
        li.selected .ep-icon-selected{transform-origin:100% 100%;animation:iconScale
        .1s linear}
        .ep-pay-method-list-txt{padding:10px 0;color:#afafaf}
        .ep-pay-method-list-con
        .ep-pay-operate{padding-top:25px}
        .ep-pay-method-list-con .ep-unionpay-con
        .ep-unionpay-img{margin-top:10px}
        .ep-qrcode-error-tip{margin-top:20px}
        .ep-pay-method-list-txt.reminder-tip{color:#f7a04c;font-size:12px}

    </style>
    <script src='/static/common/js/socket.io/socket.io.js'></script>
    <script src="/static/common/js/jquery/2.0.0/jquery.min.js"></script>
    <script src="/static/common/js/jquery-qrcode/1.0/jquery.qrcode.min.js"></script>
</head>
<body>
<div class="container">
    <div class="hd">
        <div class="hd-main">
            <div class="ep-hd-info">
                <div class="ep-logo">
                    <a href="/index.html"><img src="/static/common/mini-logo.png" alt=""></a>
                </div>
                <div class="ep-order-status">
                    <h1>订单支付</h1>
                </div>
            </div>
        </div>
    </div>
    <div class="bd">
        <div class="bd-main">
            <div class="ep-wrapper">
                <div class="ep-pay-step ep-step-channel bd-main-container" style="display: block;">
                    <div class="ep-order-detail">
                        <div>
                            <div class="ep-order-tit">
                                <dl>
                                    <dt>交易订单：</dt>
                                    <dd>{$order.trade_no}</dd>
                                </dl>
                            </div>
                            <div class="ep-order-tit">
                                <dl>
                                    <dt>支付金额：</dt>
                                    <dd><em class="rmb"><i>¥</i>{$order.amount}</em></dd>
                                </dl>
                            </div>
                            <div class="ep-order-tit">
                                <dl>
                                    <dt>创建时间：</dt>
                                    <dd>{$order['create_time']|date="Y-m-d H:i",###}</dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div class="ep-pay-method ep-pay-methods">
                        <dl>
                            <dd class="pay-channel">
                                <div class="ep-pay-method-list-con">
                                    <div class="con channel-wechat show">
                                        <div class="clearfix">
                                            <div class="fl">
                                                <div class="ep-qrcode-loading hide">
                                                    <img src="//midas.gtimg.cn/enterprise/images/loading.gif" width="80" height="80">
                                                </div>
                                                <div class="ep-payment-qrcode-wrap">
                                                    <div class="ep-payment-qrcode"></div>
                                                </div>
                                                <div class="ep-payment-qrcode-notice">
                                                    请打开手机扫一扫，按提示继续完成支付
                                                </div>
                                            </div>
                                            <div class="fl ep-payment-qrcode-tip">
                                                <img src="//midas.gtimg.cn/enterprise/images/ep_sys_wx_tip.jpg">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ep-qrcode-error-tip" style="display: none;">
                                    <span class="ep_icon_warning_tip"></span>
                                    <span class="ep_warning_text">我是错误信息</span>
                                </div>
                            </dd>
                        </dl>
                    </div>
                </div>
                <div class="ep-pay-step ep-step-pending">
                </div>
                <div class="ep-pay-step ep-step-success" style="display: none;">
                    <div class="ep-wp-hd">
                        <h2 class="ep-status ep-status-success mod-it">
                            <span class="ep-icon ep-icon-success mod-it-icon"></span>
                            <span class="mod-it-text">支付成功！</span>
                        </h2>
                    </div>
                    <div class="ep-wp-bd">
                        <div class="ep-dl-list">
                            <dl>
                                <dt>商品订单：</dt>
                                <dd>{$order.subject}</dd>
                            </dl>
                            <dl>
                                <dt>支付金额：</dt>
                                <dd><em class="rmb"><i>¥</i>{$order.amount}</em></dd>
                            </dl>
                        </div>
                        <div class="ep-question">
                            <p>若有疑问请与客服联系，我们将尽快为您提供服务。</p>
                            <p></p>
                        </div>
                        <div>
                            <button title="请稍等..." class="ep-btn ep-btn-blue">请稍等...</button>
                        </div>
                    </div>
                </div>
                <div class="ep-pay-step ep-step-fail">
                </div>
            </div>

            <div class="copyright">
                <p>Copyright © <span id="yyyye"><?php echo date('Y') ;?></span>
                    <?php echo config('web_title');?>. All Rights Reserved</p>
                <p>本服务由  <?php echo config('web_copyright');?></p>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {

        //===========SOCKET=============
        try{
            // 连接服务端
            var socket = io('https://'+document.domain);
            // 连接后登录
            socket.on('connect', function(){
                socket.emit('login', "{$order.trade_no}");
                // 时间
                runOrderTimes();

                // 二维码
                $('.ep-payment-qrcode').qrcode({
                    render:'canvas',
                    correctLevel:0,
                    width: 200,
                    height: 200,
                    text: "{$result['credential']['order_qr']}",
                });
            });
            // 后端推送来消息时
            socket.on('success', function(resp){
                console.log(resp)
                clearTimeout(ci);
                //隐藏支付区域
                $('.ep-step-channel').hide();
                //显示成功区域
                $('.ep-step-success').show();

                setTimeout(function () {
                    window.location.href = resp.return_url
                },5000);
            });
        }catch (e) {
            console.log('连接异常')
        }

        var timer, ci, qi;
        //展示错误
        function showError(msg) {
            $('.ep-qrcode-error-tip').show().delay(5000).hide(0);
            $('.ep-qrcode-error-tip .ep_warning_text').html(msg);
        }

        var runOrderTimes = function () {
            timer = parseInt(300) - 1;
            ci = setInterval(function () {
                if (--timer < 0) {
                    showError('订单超时');
                    //隐藏支付区域
                    $('.ep-payment-qrcode-wrap').hide();
                    clearInterval(ci);
                    clearInterval(qi);
                }
                $(".ep-payment-qrcode-wrap").show();
                $(".ep-qrcode-loading").hide();

            }, 1000);
        };

        });

</script>
</body>
</html>